<template>
    <div class="company-create-sec">
        <!-- 顶部页头区域 -->
        <company-header title="编辑法人公司">
            <template #headerContentBtns>
                <el-button type="primary" @click="handleSave">保存</el-button>
                <el-button @click="handleReset">重置</el-button>
            </template>
        </company-header>
        <!-- 分割线 -->
        <el-divider></el-divider>
        <!-- 表单区域 -->
        <company-form ref="companyForm"></company-form>
    </div>
</template>

<script>
    // 引入页头组件
    import companyHeader from "./companyHeader";
    // 引入表单区域组件
    import companyForm from "./companyForm";

    export default {
        name: "companyCreate",
        methods: {
            handleSave() {
                this.$refs.companyForm.submitForm('ruleForm');
            },
            handleReset() {
                this.$refs.companyForm.resetForm('ruleForm');
            },
        },
        components: {companyHeader, companyForm}
    }
</script>

<style lang="less" scoped>
    /* 创建法人公司内容区域 */
    .company-create-sec {
        background-color: #fff;
        padding: 20px;
        overflow: auto;
        /* 分割线 */
        .el-divider--horizontal {
            /*margin: 0 0 20px;*/
        }
    }
</style>
